<h:panelGroup xmlns:h='http://java.sun.com/jsf/html'
              xmlns:p='http://primefaces.org/ui'
              xmlns:z='http://savanti.com.bo/ui'
              xmlns:x='http://java.sun.com/jsf/composite/ui/component'
              xmlns:e='http://java.sun.com/jsf/composite/ui/component-entity' styleClass='ITAnularMovimiento' id='ITAnularMovimiento'><p:growl id='growl'/>

<z:beanMenubar bean='#{ITAnularMovimiento}' title='Anular Movimiento #{ITAnularMovimiento.entity.id}'/>


<h:panelGrid columns='1' width='100%' rendered='#{ITAnularMovimiento.form}'>

<h:panelGrid id='bean' columns='2' styleClass='bean align-top'>

  <x:beanPanel id='hd' bean='#{ITAnularMovimiento}' title='Cabecera' cellpadding='7'>

  <e:fieldT b='#{bean}' p='Tipo'        w='100px'/>

  <e:fieldT b='#{bean}' p='Documento'   w='100px'/>

  <x:fieldT b='#{bean}' t='Motivo'      w='100px' v='#{bean.entity.motivo.nombre}'/>

  <e:fieldA b='#{bean}' p='Descripcion' w='100px' read='true'/>

  <e:fieldD b='#{bean}' p='Fecha'       w='100px' read='true' x='t'/>

  </x:beanPanel>


  <x:beanPanel id='ps' bean='#{ITAnularMovimiento}' title='Buscar' columns='1' cellpadding='10' style='min-width: 250px'>

  <x:fieldD t='De'    v='#{bean.dateIni}' w='90px'/>

  <x:fieldD t='Hasta' v='#{bean.dateEnd}' w='90px'/>

  </x:beanPanel>

</h:panelGrid>

    
<x:materialTable bean='#{ITAnularMovimiento}' ls='#{ITAnularMovimiento.entity.lsKardex}' edit='false'>

<p:column headerText='Nombre'   sortBy='#{x.material.nombre}'><h:outputText value='#{x.material.codigo} - #{x.material.nombre}'/></p:column>

<p:column headerText='Cantidad' sortBy='#{x.salidaCantidad}'  style='width:55px' rendered="#{ITAnularMovimiento.entity.tipo eq 'EGRESO'}"><z:outputN v='#{x.salidaCantidad}' r='0'/></p:column>

<p:column headerText='Costo'    sortBy='#{x.salidaCosto}'     style='width:50px' rendered="#{ITAnularMovimiento.entity.tipo eq 'EGRESO'}"><z:outputN v='#{x.salidaCosto}' /></p:column>

<p:column headerText='Importe'  sortBy='#{x.salidaValor}'     style='width:50px' rendered="#{ITAnularMovimiento.entity.tipo eq 'EGRESO'}"><z:outputN v='#{x.salidaValor}'/></p:column>

<p:column headerText='Cantidad' sortBy='#{x.entradaCantidad}' style='width:55px' rendered="#{ITAnularMovimiento.entity.tipo eq 'INGRESO'}"><z:outputN v='#{x.entradaCantidad}' r='0'/></p:column>

<p:column headerText='Costo'    sortBy='#{x.entradaCosto}'    style='width:50px' rendered="#{ITAnularMovimiento.entity.tipo eq 'INGRESO'}"><z:outputN v='#{x.entradaCosto}' /></p:column>

<p:column headerText='Importe'  sortBy='#{x.entradaValor}'    style='width:50px' rendered="#{ITAnularMovimiento.entity.tipo eq 'INGRESO'}"><z:outputN v='#{x.entradaValor}'/></p:column>

<p:column headerText='Almacen'  sortBy='#{x.almacen.nombre}'  style='width:100px'><h:outputText value='#{x.almacen.nombre}' title='#{x.almacen.codigo}'/></p:column>

<p:column headerText='Persona'  sortBy='#{x.persona.nombre}'  style='width:100px'><h:outputText value='#{x.persona.nombre}' title='#{x.persona.nombre}'/></p:column>

</x:materialTable>

</h:panelGrid>


<e:dataTable bean='#{ITAnularMovimiento}'>

<z:columnT t='Movimiento' v='#{x.id}' w='75px'/>

<z:columnT t='Motivo'     v='#{x.motivo.nombre}'/>

<z:columnT t='Almacenero' v='#{x.almacenero.usuario.persona.nombre}'/>

<z:columnT t='Documento'  v='#{x.documento}'/>

<z:columnD t='Fecha'      v='#{x.fecha}' w='70px' x='t'/>

<z:columnT t='Tipo'       v='#{x.tipo}' w='70px'/>

</e:dataTable>

</h:panelGroup>